<template>
  <div class="edit-shop-other-warpper">
    <el-row>
      <el-checkbox v-model="form.isOld" style="width: 130px;">是否二手商品：</el-checkbox>
      <el-radio v-model="form.radio" label="1">二手</el-radio>
      <el-radio v-model="form.radio" label="2">非二手</el-radio>
    </el-row>
    <el-row>
      <el-checkbox v-model="form.isTime" style="width: 130px;">承诺发货时间：</el-checkbox>
      <el-select v-model="form.time" placeholder="请选择商品分类" clearable filterable>
        <el-option
          v-for="item in pageInfo.timeArr"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
    </el-row>
    <el-row>
      <el-checkbox v-model="form.isTuihuo" style="width: 130px;">7天无理由退货：</el-checkbox>
      <el-select v-model="form.tuihuo" placeholder="请选择商品分类" clearable filterable>
        <el-option
          v-for="item in pageInfo.tuihuoArr"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
    </el-row>
    <el-row>
      <el-checkbox v-model="form.isPeichang" style="width: 130px;">假一赔十：</el-checkbox>
      <el-select v-model="form.peichang" placeholder="请选择商品分类" clearable filterable>
        <el-option
          v-for="item in pageInfo.peichangArr"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
    </el-row>
    <el-row>
      <el-checkbox v-model="form.isCount" style="width: 130px;">限购次数：</el-checkbox>
      <el-input v-model.number="form.count" size="mini" placeholder="请输入数字" style="width: 240px; margin: 0 6px;" />
    </el-row>
    <el-row>
      <el-checkbox v-model="form.isServer">服务承诺：</el-checkbox>
      <el-checkbox v-model="form.isSeriverOther">坏了包退</el-checkbox>
      <el-checkbox v-model="form.isSeriverOther">破损包退</el-checkbox>
      <el-checkbox v-model="form.isSeriverOther">过敏包退</el-checkbox>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pageInfo: {
        timeArr: [
          {
            label: '当日发货',
            value: 0
          },
          {
            label: '24小时',
            value: 1
          },
          {
            label: '48小时',
            value: 2
          },
          {
            label: '3天',
            value: 3
          },
          {
            label: '5天',
            value: 5
          }
        ],
        tuihuoArr: [
          {
            label: '是',
            value: 0
          },
          {
            label: '否',
            value: 1
          }
        ],
        peichangArr: [
          {
            label: '是',
            value: 0
          },
          {
            label: '否',
            value: 1
          }
        ]
      },
      form: {
        isOld: false,
        radio: '1',
        isTime: false,
        time: 0,
        isTuihuo: false,
        tuihuo: 0,
        isPeichang: false,
        peichang: 0,
        isCount: false,
        count: '',
        isServer: false,
        isSeriverOther: true
      },
      rules: {}
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
p {
  margin: 0;
  line-height: 17px;
}
::v-deep {
  .el-row {
    margin-top: 12px;
  }
}
.edit-shop-other-warpper {
  ::v-deep.el-select {
    width: 240px;
  }
}
</style>
